﻿<%@ Page Language="c#" CodeFile="DefaultCS.aspx.cs" AutoEventWireup="true" Inherits="WebApplication1.DefaultCS" %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<%@ Register TagPrefix="qsf" TagName="Header" Src="~/Users Control/HeadMenu.ascx" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/tr/xhtml11/dtd/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <style type="text/css">
        .newsText
        {
            font-size: 9pt;
        }
        .newsTextCentered
        {
            font-size: 9pt;
            text-align: center;
        }
        .borderedGrid td
        {
            padding: 4px;
            border: 0px none;
            border-bottom: solid 1px #eae9e1;
            background: #f9f8f2;
        }
        .gridHeader td
        {
            background-color: #ece9d8;
            border-bottom: solid 3px #d2cfbe;
            padding-bottom: 2px;
            font-weight: bold;
        }
        .TitleNews
        {
            background: url(img/cellHeaderBg.gif) repeat-x;
            height: 24px;
            padding: 4px 0px 0px 11px;
            color: white;
        }
        .contactTitle
        {
            background-repeat: repeat-x;
            background-color: #ece9d8;
            color: #fff;
        }
    </style>

    <script language="javascript">
    function LoadExternalContent (url, targetPaneID) 
				{
					var splitter = $find("RadSplitter1");
					var pane = splitter.getPaneById(targetPaneID);
					if (!pane) return;
					pane.set_contentUrl(url);
				}
    </script>

</head>
<body class="BODY">
    <form id="Form1" method="post" runat="server">
    <qsf:Header ID="Header1" runat="server" NavigationLanguage="c#"></qsf:Header>
    <asp:ScriptManager ID="ScriptManager" runat="server" />
    <a href="javascript:LoadExternalContent('http://google.com', 'contentPane')">Change
        External Url using client-side API</a><br />
    <telerik:RadSplitter ID="RadSplitter1" runat="server" Height="400" Width="700" CssClass="Telerik"
        ResizeMode="EndPane">
        <telerik:RadPane ID="navigationPane" runat="server">
            <!-- Left Pane Content -->
            <div class="TitleNews">
                <b>Telerik</b> corporate:</div>
            <ul>
                <li><a href="http://www.telerik.com/corporate/corporate-info.aspx" target="contentPane">
                    Corporate Info</a></li>
                <li><a href="http://www.telerik.com/corporate/press-center/telerik-logos.aspx" target="contentPane">
                    Logos</a></li>
                <li><a href="http://telerikwatch.com/" target="contentPane">Telerik Watch</a></li>
                <li><a href="http://www.telerik.com/company/about/awards/telerik-wins-two-readers-choice-awards-from-visual-studio-magazine.aspx"
                    target="contentPane">Recent Awards</a> </li>
            </ul>
        </telerik:RadPane>
        <telerik:RadSplitBar ID="RadSplitbar1" runat="server" CollapseMode="Forward"></telerik:RadSplitBar>
        <telerik:RadPane ID="RadPane2" runat="server" Scrolling="none" Width="500">
            <!-- Nested Horizontal splitter -->
            <telerik:RadSplitter ID="RadSplitter2" runat="server" LiveResize="true" Orientation="Horizontal"
                CssClass="Telerik">
                <telerik:RadPane ID="contentPane" runat="server" Scrolling="y" ContentUrl="_content.html">
                </telerik:RadPane>
            </telerik:RadSplitter>
        </telerik:RadPane>
    </telerik:RadSplitter>
    </form>
</body>
</html>
